body{
    background-color: #f4f4f4;
    // 顶部样式
    .header{
        // height: .88rem;
        line-height: .88rem;
        background-color: #f5445d;
       
        .top{

            text-align: center;
            padding: 0 .2rem;
            position: relative;
            .rright{
                position: absolute;
                bottom: -.1rem;
                left: .2rem;
                width: .4rem;
                
            }
            .lleft{
                width: .4rem;
                position: absolute;
                bottom: -.1rem;
                right: .2rem;
            }
           
            span{
                color: #fff;
                font-size: .30rem;
            }
        }
        .bottom{
            background-color: #fff;
            height: 1.8rem;
            padding-left: .2rem;
            overflow: hidden;
            margin-bottom: .2rem;
            width: 100%;
            // 右边头像
            .imgs{
                width: .92rem;
                margin-top: .44rem;
                margin-right: .18rem;
                display: inline-block;
                border-radius: 50%;
            }
            // 中间名字
            .tel{
                margin-top: .6rem;
                p{
                    line-height: 0;
                    color: #252827;
                    font-size: .34rem;
                    margin-bottom: .14rem;
                }
                span{
                    color: #888888;
                    font-size: .26rem;
                }
            }
            // 查看信息
            .search{
                color: #888;
                font-size: .26rem;
                margin-right: .2rem;
                height: 100%;
                line-height: 1.8rem;
                span{
                    margin-right: .28rem;
                }
                img{
                    vertical-align: middle;
                    width: .14rem;
                }
            }
        }
    }
    // 中间主体部分样式
    .bodys{
        // 我的商家管理
        .b-top{
            background-color: #fff;
            margin-bottom: .20rem;
            // 大标题样式
            h2{
                font-weight: 400;
                height: .80rem;
                line-height: .80rem;
                font-size: .26rem;
                color: #252827;
                width: 100%;
                padding-left: .20rem;
                border-bottom: .01rem solid #f4f4f4;
            }
            // 管理类列表样式
            .list{
                padding-left: .22rem;
                ul{
                    li{
                        height: .90rem;
                        line-height: .90rem;
                        border-bottom: .01rem solid #f4f4f4;
                        a{
                            display: inline-block;
                            width: 100%;
                            .b-left{
                                overflow: hidden;
                                position: relative;
                                #b-rimg{
                                    position: absolute;
                                    top:.2rem;
                                    width: .5rem;
                                }
                                span{
                                    font-size: .26rem;
                                    color: #383938;
                                    margin-left: .9rem;
                                }
                                .b-right{
                                    font-size: .26rem;
                                    color: #383938;
                                    i{
                                        font-style: normal;
                                        font-size: .24rem;
                                        color: #f5445d;
                                        margin-left: .28rem;
                                    }
                                    img{
                                        vertical-align: middle;
                                        margin-right: .20rem;
                                        width: .14rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        // 我的订单管理
        .b-middle{
            margin-bottom: .20rem;
            background-color: #fff;
            .w-search{
                height: .88rem;
                line-height: .88rem;
                padding: 0 .22rem;
                border-bottom:  .01rem solid #f4f4f4;
                i{
                    font-style: normal;
                    font-size: .24rem;
                    color: #b3b3b3;
                    margin-left: .28rem; 
                }
            }
            .w-list{
                height: 1.74rem;
                text-align: center;
                padding-top: .34rem;
                ul{
                    display: flex;
                    width: 100%;
                    li{
                        flex: 1;
                        a{
                            position: relative;
                            width: 100%;
                            overflow: hidden;
                            img{
                                width:.58rem;
                                margin-bottom: .26rem;
                            }
                            p{
                                font-size: .26rem;
                                color: #383938; 
                            }
                            span{
                                position: absolute;
                                display: inline-block;
                                width: .24rem;
                                height: .24rem;
                                font-size: .16rem;
                                color: #fff;
                                border-radius: 50%;
                                background-color: #f5445d;
                                top: -50%;
                                transform: translate(.05rem,-1.2rem)
                            }
                        }
                    }
                }
            }
        }
        // 宣传图片
        .b-img{
           margin-bottom: .20rem;
            height: 1.6rem;
            img{
                width: 100%;
            }
        }
        // 常用功能列表
        .b-bottom{
            background-color: #fff;
            margin-bottom: 1rem;
            h2{
                font-weight: 400;
                height: .80rem;
                line-height: .80rem;
                font-size: .26rem;
                color: #252827;
                width: 100%;
                padding-left: .20rem;
                border-bottom: .01rem solid #f4f4f4;
            }
            // 管理类列表样式
            .list{
                padding-left: .22rem;
                ul{
                    li{
                        height: .90rem;
                        line-height: .90rem;
                        border-bottom: .01rem solid #f4f4f4;
                        a{
                            display: inline-block;
                            width: 100%;
                            .b-left{
                                overflow: hidden;
                                position: relative;
                                #b-rimg{
                                    position: absolute;
                                    top:.2rem;
                                    width: .5rem;
                                }
                                span{
                                    font-size: .26rem;
                                    color: #383938;
                                    margin-left: .9rem;
                                }
                                .b-right{
                                    font-size: .26rem;
                                    color: #383938;
                                    img{
                                        vertical-align: middle;
                                        margin-right: .20rem;
                                        width: .14rem;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    // 弹窗模块
    #dom{
        // display: none;
        opacity: 1.0;
        // visibility: visible;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
        // margin-top: -40px;
        display: none;
        .mask{
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #AAAAAA;
            opacity: 0.60;
        }
        .remind{
            height: 6.5rem;
            width: 6.3rem;
            background-color: #fff;
            position: relative;
            margin: 2.4rem 0 0 .6rem;
            .r-top{
                height: .9rem;
                background-color: #f5445d;
                text-align: center;
                line-height: .9rem;
                span{
                    color: #fff;
                    font-size: .36rem;
                }
            }
            .r-bottom{
                height: 1.6rem;
                overflow: hidden;
                padding: 0 .44rem 0 .3rem;
                .lll{
                    border-bottom: .01rem solid #f4f4f4;
                    img{
                        width: .76rem; 
                        margin-right: .4rem;
                        margin-top: .5rem;
                     }
                     .maps{
                         width: 70%;
                         margin-top: .5rem;
                         color: #282828;
                         font-size: .34rem;
                     }
                }
            }
            // 列表
            .r-foot{
                padding: 0 .44rem 0 .3rem;
                margin-bottom: .96rem;
                ul{
                    li{
                        height: .92rem;
                        line-height: .92rem;
                        overflow: hidden;
                        span{
                            color: #555;
                            font-size: .28rem;
                            width: 85%;
                            display: inline-block;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            white-space: nowrap;
                        }
                        i{
                            font-style: normal;
                            color: #555;
                            font-size: .28rem;
                        }
                    }
                }
            }
            // 查看
            .search{
                text-align: center;
                width: 100%;
                a{
                    display: inline-block;
                    width: 5rem;
                    height: .84rem;
                    border-radius: .5rem;
                    border: .01rem solid #f5445d;
                    line-height: .84rem;
                    color: #f5445d;
                }
            }
        }
        // 叉号
        .cancel{
            position: relative;
            text-align: center;
            width: 100%;
            margin: .74rem 0 0 0;
            height: .6rem;
            a{
                height: .5rem;
                width: .5rem;
                line-height: .5rem;
                border: .01rem solid #fff;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
            }
        }
    }
}